<template>
	<footer class="footer hidden-xs no-padder text-center-nav-xs">
		<div class="bg hidden-xs ">
			<div class="dropdown dropup wrapper-sm clearfix">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<span class="thumb-sm avatar pull-left m-l-xs">
						<img :src="$store.getters['auth/avatar']" alt="..." class="img-circle dker">
						<i class="on b-black"></i>
					</span>
					<span class="hidden-nav-xs clear">
						<span class="block m-l" v-if="$store.state.auth.logged">
							<strong class="font-bold text-lt">{{ $store.getters['auth/nick'] }}</strong>
							<b class="caret"></b>
						</span>
						<span v-else class="block m-l">
							<a href="#login-Dialog" data-toggle="modal">登录</a>
						</span>
						<span class="text-muted text-xs block m-l">回归自性</span>
					</span>
				</a>
				<ul v-if="$store.state.auth.logged" class="dropdown-menu animated fadeInRight aside text-left">
					<li>
						<span class="arrow bottom hidden-nav-xs"></span>
						<a href="#">设置</a>
					</li>
					<li>
						<router-link to="/user/profile">我的</router-link>
					</li>
					<li>
						<a href="#">
							<span class="badge bg-danger pull-right">3</span>
							消息
						</a>
					</li>
					<li>
						<a href="docs.html">帮助</a>
					</li>
					<li class="divider"></li>
					<li v-if="$store.state.auth.logged">
						<a href="javascript:void(0)" v-on:click="logout()">退出</a>
					</li>
				</ul>
			</div>
		</div>
	</footer>
</template>

<script>
	export default {
		data() {
			return {
				keywords: ''
			}
		},
		mounted() {
			
		},
		methods: {
			logout() {
				this.$store.commit("auth/logout");
			}
		}
	}
</script>

<style>
</style>
